<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			//在es6中类没有变量提升，所以必须先定义类，才能通过类实例化对象
			//类里面共有的属性和方法一定要加this使用
			//this指向的是实例化对象
			//constructor里面的this指向实例化对象，方法里面的this指向这个方法的调用者
			window.onload=function()
			{
				class Star
				{
					constructor(name,age)
					{
						this.name=name;
						this.age=age;
						that=this;
						//this.sing();
						this.btn=document.getElementById("btn01");
						this.btn.onclick=this.sing;   //这里的this是btn对象
						
					}
					sing()
					{
						console.log(that);
					}
				}
				var lrt =new Star("林润钿");
				//lrt.sing();
			}
			
		</script>
	</head>
	<body>
		<button id="btn01">点击</button>
	</body>
</html>